<!--
 * @Author: your name
 * @Date: 2021-08-13 17:25:29
<<<<<<< HEAD
 * @LastEditTime: 2021-08-16 16:50:22
=======
 * @LastEditTime: 2021-08-16 16:37:43
>>>>>>> f117a07bbe0118c1132064388399fa9852e44638
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \firstproject\星巴克后台管理\star-card.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>星礼卡管理</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="./star-card.css">
    <link rel="stylesheet" href="./common.css">
</head>
<body>
    <!-- 头部 -->
    <div id="head">
        <div class="logo">
            <img src="./images/logo.jpg" alt="">
            <b>星巴克后台管理系统<sup>TM</sup></b>
        </div>
        <button type="button" class="btn btn-success">退出</button>
    </div>
    <!-- 主体 -->
    <div class="bottom">
        <!-- 主体左边 -->
        <div id="section">
            <a href="username.html" class="list-group-item">
                用户管理
            </a>
            <a href="employee.html" class="list-group-item">员工管理</a>
            <a href="product.html" class="list-group-item">产品管理</a>
            <a href="订单管理.html" class="list-group-item">订单管理</a>
            <a href="star-card.html" class="list-group-item">星礼卡管理</a>
        </div>
        <!-- 主体右边 -->
        <div id="content">
            <table class="table table-striped">
                <caption>星礼卡管理
                    <div> <button type="button" class="btn btn-primary btn-success" data-toggle="modal" data-target="#myModal">
                        添加
                      </button>
                </caption>
                <thead>
                    <tr>
                        <th>编号</th>
                        <th>用户名</th>
                        <th>卡号</th>
                        <th>密码</th>
                        <th>余额</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>张杰</td>
                        <td>1220</td>
                        <td>1221</td>
                        <td>20002.00</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>欧豪</td>
                        <td>0701</td>
                        <td>0702</td>
                        <td>22011.00</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>谢娜</td>
                        <td>0811</td>
                        <td>0812</td>
                        <td>13002.00</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>张杰</td>
                        <td>1220</td>
                        <td>1221</td>
                        <td>20002.00</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>欧豪</td>
                        <td>0701</td>
                        <td>0702</td>
                        <td>22011.00</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>谢娜</td>
                        <td>0811</td>
                        <td>0812</td>
                        <td>13002.00</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>张杰</td>
                        <td>1220</td>
                        <td>1221</td>
                        <td>20002.00</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>欧豪</td>
                        <td>0701</td>
                        <td>0702</td>
                        <td>22011.00</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>谢娜</td>
                        <td>0811</td>
                        <td>0812</td>
                        <td>13002.00</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>张杰</td>
                        <td>1220</td>
                        <td>1221</td>
                        <td>20002.00</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>欧豪</td>
                        <td>0701</td>
                        <td>0702</td>
                        <td>22011.00</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>谢娜</td>
                        <td>0811</td>
                        <td>0812</td>
                        <td>13002.00</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>张杰</td>
                        <td>1220</td>
                        <td>1221</td>
                        <td>20002.00</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>欧豪</td>
                        <td>0701</td>
                        <td>0702</td>
                        <td>22011.00</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>谢娜</td>
                        <td>0811</td>
                        <td>0812</td>
                        <td>13002.00</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>张杰</td>
                        <td>1220</td>
                        <td>1221</td>
                        <td>20002.00</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>欧豪</td>
                        <td>0701</td>
                        <td>0702</td>
                        <td>22011.00</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>谢娜</td>
                        <td>0811</td>
                        <td>0812</td>
                        <td>13002.00</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>张杰</td>
                        <td>1220</td>
                        <td>1221</td>
                        <td>20002.00</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>欧豪</td>
                        <td>0701</td>
                        <td>0702</td>
                        <td>22011.00</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <!-- 模态框 -->
        <div class="container">
            <div class="modal fade" id="myModal">
              <div class="modal-dialog">
                <div class="modal-content">
             
                  <!-- 模态框头部 -->
                  <div class="modal-header">
                    <h4 class="modal-title">添加会员</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                  </div>
             
                  <!-- 模态框主体 -->
                  <div class="modal-body">
                    <form>
                        <div class="form-group">
                          <label for="usaername">用户名</label>
                          <input type="text" class="form-control" id="usaername" placeholder="请输入用户名">
                        </div>
                        <div class="form-group">
                            <label for="usaerid">卡号：</label>
                            <input type="text" class="form-control" id="usaerid" placeholder="请输入用户卡号">
                          </div>
                        <div class="form-group">
                          <label for="pwd">密码：</label>
                          <input type="password" class="form-control" id="pwd" placeholder="请输入会员密码">
                        </div>
                        <div class="form-group">
                            <label for="memony">金额：</label>
                            <input type="number" min="0.00" class="form-control" id="money" placeholder="输入金额">
                          </div>
                        <button type="submit" class="btn btn-primary">提交</button>
                      </form>
                  </div>
             
                  <!-- 模态框底部 -->
                  <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                  </div>
             
                </div>
              </div>
            </div>
            
          </div>
    </div>
</body>
</html>